<template>
  <div class="ckjs">
    <el-button
      class="fhsj"
      type="text"
      icon="el-icon-arrow-left"
      @click="toteach"
      >返回上一级</el-button
    >
    <div class="teachjianli">
      <!-- 左侧上部分 -->
      <div class="topteach">
        <img :src="'http://192.168.31.185:8080' + this.teachform.gzzz" alt="" />
        <div
          style="
            width: 62%;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
          "
        >
          <span style="padding-right: 18px" class="xmstyle">{{
            teachform.xm
          }}</span
          ><span class="gwflstyle">{{ teachform.gwfl_mc }}</span>
        </div>
        <span class="ghstyle">工号：{{ teachform.gh }}</span>
        <div class="lssj">
          <div>
            <span class="qmsp">加入时间</span>
            <span class="ch3">{{ teachform.rzsj }}</span>
          </div>
          <div>
            <span class="qmsp">工龄</span>
            <span class="ch3">{{ teachform.gl }}年</span>
          </div>
          <div>
            <span class="qmsp">学生</span>
            <span class="ch3">{{ teachform.xsrs }}人</span>
          </div>
        </div>
      </div>
      <!-- 左侧下部分 -->
      <div class="botteach">
        <div class="gylstitle">关于老师</div>
        <div class="lssj gylsbot">
          <div>
            <span class="qmsp">性别</span>
            <span class="ch3">{{ teachform.xb_mc }}</span>
          </div>
          <div>
            <span class="qmsp">教育</span>
            <span class="ch3">{{ teachform.zhxw_mc }}</span>
          </div>
          <div>
            <span class="qmsp">婚姻状况</span>
            <span class="ch3">{{ teachform.hyzk_mc }}</span>
          </div>
          <div>
            <span class="qmsp">二级学院</span>
            <span class="ch3">{{ teachform.ejxy }}</span>
          </div>
          <div>
            <span class="qmsp">联系电话</span>
            <span class="ch3">{{ teachform.lxdh }}</span>
          </div>
          <div>
            <span class="qmsp">电子邮箱</span>
            <span class="ch3">{{ teachform.dzyx }}</span>
          </div>
          <div>
            <span class="qmsp">工作状态</span>
            <span class="ch3">{{ teachform.gzzt_mc }}</span>
          </div>
          <div>
            <span class="qmsp">累计授课时长</span>
            <span class="changecol"
              >{{ teachform.sksc }} <span class="sfont">小时</span></span
            >
          </div>
          <div>
            <span class="qmsp">累计获奖数量</span>
            <span class="changecol"
              >{{ teachform.hjsl }} <span class="sfont">项</span></span
            >
          </div>
          <div>
            <span class="qmsp">年度绩效</span>
            <span class="changecol"
              >{{ teachform.ndjx }} <span class="sfont">条</span></span
            >
          </div>
        </div>
      </div>
    </div>
    <!-- 右边部分 -->
    <div class="teachform">
      <el-tabs>
        <!-- 最大的综合信息 -->
        <el-tab-pane label="综合信息">
          <!-- 基本 -->
          <subTitle name="基本信息"></subTitle>
          <table class="mailTable" :style="styleObject" v-if="s_showByRow">
            <tr>
              <td class="column">姓名</td>
              <td v-if="this.teachform.xm == undefined">无</td>
              <td v-else>{{ this.teachform.xm }}</td>
              <td class="column">婚姻状况</td>
              <td>{{ this.teachform.hyzk_mc }}</td>
            </tr>
            <tr>
              <td class="column">民族</td>
              <td>{{ this.teachform.mz }}</td>
              <td class="column">入职时间</td>
              <td>{{ this.teachform.rzsj }}</td>
            </tr>
            <tr>
              <td class="column">政治面貌</td>
              <td>{{ this.teachform.zzmm_mc }}</td>
              <td class="column">岗位分类</td>
              <td>{{ this.teachform.gwfl_mc }}</td>
            </tr>
            <tr>
              <td class="column">身份证号</td>
              <td>{{ this.teachform.sfzh }}</td>
              <td class="column">行政职务</td>
              <td>{{ this.teachform.xzzw }}</td>
            </tr>
            <tr>
              <td class="column">出生年月</td>
              <td>{{ this.teachform.csrq }}</td>
              <td class="column">行政级别</td>
              <td>{{ this.teachform.xzjb_mc }}</td>
            </tr>
            <tr>
              <td class="column">属性分类</td>
              <td>{{ this.teachform.sxfl_mc }}</td>
              <td class="column">教师职称</td>
              <td>{{ this.teachform.jszc_mc }}</td>
            </tr>
            <tr>
              <td class="column">岗位职级</td>
              <td>{{ this.teachform.gwzj_mc }}</td>
              <td class="column">最高学历</td>
              <td>{{ this.teachform.zgxl_mc }}</td>
            </tr>
            <tr>
              <td class="column">最后学位</td>
              <td>{{ this.teachform.zhxw_mc }}</td>
              <td class="column">毕业院校</td>
              <td>{{ this.teachform.byyx }}</td>
            </tr>
            <tr>
              <td class="column">所学专业</td>
              <td>{{ this.teachform.sxzy }}</td>
              <td class="column">学缘机构</td>
              <td>{{ this.teachform.xyjg_mc }}</td>
            </tr>
          </table>

          <!-- 成长经历 -->
          <subTitle name="成长经历"></subTitle>
          <subTitle id="daiban" name="带班情况"></subTitle>
          <div v-for="(item, index) in dbqk" :key="index + item">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学年</td>
                <td>{{ item.xn }}</td>
                <td class="column">学期</td>
                <td>{{ item.xq }}</td>
              </tr>
              <tr>
                <td class="column">时间</td>
                <td>{{ item.kssj }}</td>
                <td class="column">带班及人数</td>
                <td v-if="item.rs == null">无</td>
                <td v-else>
                  {{ item.bjmc + "\xa0\xa0\xa0" + item.rs + "人" }}
                </td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="研修情况"></subTitle>
          <subTitle id="daiban2" name="学历提升"></subTitle>
          <div v-for="(item, index) in xltsdata" :key="index + 1">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学历类型</td>
                <td>{{ item.xllx }}</td>
                <td class="column">所学专业</td>
                <td>{{ item.sxzy }}</td>
              </tr>
              <tr>
                <td class="column">毕业院校</td>
                <td>{{ item.byyx }}</td>
                <td class="column">学习时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="研修培训"></subTitle>
          <div v-for="(item, index) in yxpxdata" :key="index - item">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">培训项目</td>
                <td>{{ item.pxxm }}</td>
                <td class="column">组织单位</td>
                <td>{{ item.zzdw }}</td>
              </tr>
              <tr>
                <td class="column">培训时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
                <td class="column">培训类别</td>
                <td>{{ item.pxlb }}</td>
              </tr>
              <tr>
                <td class="column">培训级别</td>
                <td>{{ item.pxjb }}</td>
                <td class="column">学时认证</td>
                <td>{{ item.xsrz }}</td>
              </tr>
            </table>
          </div>
          <!-- 职业发展 -->
          <subTitle name="职业发展"></subTitle>
          <subTitle id="daiban" name="职业证书"></subTitle>
          <div class="zyzsbox">
            <div
              style="width: 50%"
              v-for="(item, index) in zyzsdata"
              :key="index + item"
            >
              <table class="mailTable" :style="styleObject" v-if="s_showByRow">
                <tr>
                  <td class="column">证书名称</td>
                  <td>{{ item.zsmc }}</td>
                </tr>
                <tr>
                  <td class="column">授予单位</td>
                  <td>{{ item.sydw }}</td>
                </tr>
                <tr>
                  <td class="column">获取时间</td>
                  <td>{{ item.hqsj }}</td>
                </tr>
              </table>
            </div>
          </div>
          <subTitle id="daiban" name="职称晋升"></subTitle>
          <div class="zyzsbox">
            <div
              style="width: 50%"
              v-for="(item, index) in zcjsdata"
              :key="index + item"
            >
              <table class="mailTable" :style="styleObject" v-if="s_showByRow">
                <tr>
                  <td class="column">职称名称</td>
                  <td>{{ item.zcmc }}</td>
                </tr>
                <tr>
                  <td class="column">获评时间</td>
                  <td>{{ item.hpsj }}</td>
                </tr>
                <tr>
                  <td class="column">受聘时间</td>
                  <td>{{ item.spsj }}</td>
                </tr>
              </table>
            </div>
          </div>
          <!--教学情况  -->
          <subTitle name="教学情况"></subTitle>
          <div v-for="(item, index) in jxqkdata" :key="item + index">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学年</td>
                <td>{{ item.xn }}</td>
                <td class="column">学期</td>
                <td>{{ item.xq }}</td>
              </tr>
              <tr>
                <td class="column">课程类型</td>
                <td>{{ item.kclx }}</td>
                <td class="column">教学对象</td>
                <td>{{ item.jxdx }}</td>
              </tr>
              <tr>
                <td class="column">课时量</td>
                <td>{{ item.ksl }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <!--科研情况  -->
          <subTitle name="科研情况"></subTitle>
          <subTitle id="daiban" name="课题研究"></subTitle>
          <div v-for="(item, index) in ktyjdata" :key="index + 3">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">项目编号</td>
                <td>{{ item.xmbh }}</td>
                <td class="column">项目名称</td>
                <td>{{ item.xmmc }}</td>
              </tr>
              <tr>
                <td class="column">批准部门</td>
                <td>{{ item.pzbm }}</td>
                <td class="column">项目级别</td>
                <td>{{ item.xmjb }}</td>
              </tr>
              <tr>
                <td class="column">研究时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
                <td class="column">经费支持</td>
                <td>{{ item.jfzc }}</td>
              </tr>
              <tr>
                <td class="column">本人位次</td>
                <td>{{ item.brwc }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="文字类成果"></subTitle>
          <div v-for="(item, index) in wzlcgdata" :key="index - 1">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">成果形式</td>
                <td>{{ item.cgxs }}</td>
                <td class="column">成果名称</td>
                <td>{{ item.cgmc }}</td>
              </tr>
              <tr>
                <td class="column">作者位次</td>
                <td>{{ item.zzwc }}</td>
                <td class="column">出版物或刊物</td>
                <td>{{ item.cbshkw }}</td>
              </tr>
              <tr>
                <td class="column">出版日期</td>
                <td>{{ item.cbrq }}</td>
                <td class="column">出版单位</td>
                <td>{{ item.cbdw }}</td>
              </tr>
              <tr>
                <td class="column">认证情况</td>
                <td>{{ item.rzqk }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>

          <!--考核评价  -->
          <subTitle name="考核评价"></subTitle>
          <subTitle id="daiban" name="绩效考核"></subTitle>
          <subTitle id="daiban2" name="年度绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 1"
            :key="index[0]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="月度绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 2"
            :key="index[4]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="思政绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 3"
            :key="index[3]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="奖励"></subTitle>
          <subTitle id="daiban2" name="竞赛奖励"></subTitle>

          <div v-for="(item, index) in jsjldata" :key="index[2]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">获奖名称</td>
                <td>{{ item.hjmc }}</td>
                <td class="column">奖励单位</td>
                <td>{{ item.jldw }}</td>
              </tr>
              <tr>
                <td class="column">获奖级别</td>
                <td>{{ item.hjjb }}</td>
                <td class="column">获奖等次</td>
                <td>{{ item.jldc }}</td>
              </tr>
              <tr>
                <td class="column">获奖时间</td>
                <td>{{ item.jlsj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="荣誉称号"></subTitle>
          <div v-for="(item, index) in rychdata" :key="index[1]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">荣誉名称</td>
                <td>{{ item.rymc }}</td>
                <td class="column">授予单位</td>
                <td>{{ item.sydw }}</td>
              </tr>
              <tr>
                <td class="column">荣誉级别</td>
                <td>{{ item.ryjb }}</td>
                <td class="column">授予时间</td>
                <td>{{ item.sysj }}</td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="惩罚"></subTitle>
          <div v-for="(item, index) in cfdata" :key="index[0]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">惩罚级别</td>
                <td>{{ item.cfjb }}</td>
                <td class="column">惩罚原因</td>
                <td>{{ item.cfyy }}</td>
              </tr>
              <tr>
                <td class="column">认定单位</td>
                <td>{{ item.rddw }}</td>
                <td class="column">影响时效</td>
                <td>{{ item.kssj + "-" + item.jssj }}</td>
              </tr>
            </table>
          </div>
        </el-tab-pane>

        <!-- 后面的分开的信息 -->
        <el-tab-pane label="基本信息">
          <table class="mailTable" :style="styleObject" v-if="s_showByRow">
            <tr>
              <td class="column">姓名</td>
              <td v-if="this.teachform.xm == undefined">无</td>
              <td v-else>{{ this.teachform.xm }}</td>
              <td class="column">婚姻状况</td>
              <td>{{ this.teachform.hyzk_mc }}</td>
            </tr>
            <tr>
              <td class="column">民族</td>
              <td>{{ this.teachform.mz }}</td>
              <td class="column">入职时间</td>
              <td>{{ this.teachform.rzsj }}</td>
            </tr>
            <tr>
              <td class="column">政治面貌</td>
              <td>{{ this.teachform.zzmm_mc }}</td>
              <td class="column">岗位分类</td>
              <td>{{ this.teachform.gwfl_mc }}</td>
            </tr>
            <tr>
              <td class="column">身份证号</td>
              <td>{{ this.teachform.sfzh }}</td>
              <td class="column">行政职务</td>
              <td>{{ this.teachform.xzzw }}</td>
            </tr>
            <tr>
              <td class="column">出生年月</td>
              <td>{{ this.teachform.csrq }}</td>
              <td class="column">行政级别</td>
              <td>{{ this.teachform.xzjb_mc }}</td>
            </tr>
            <tr>
              <td class="column">属性分类</td>
              <td>{{ this.teachform.sxfl_mc }}</td>
              <td class="column">教师职称</td>
              <td>{{ this.teachform.jszc_mc }}</td>
            </tr>
            <tr>
              <td class="column">岗位职级</td>
              <td>{{ this.teachform.gwzj_mc }}</td>
              <td class="column">最高学历</td>
              <td>{{ this.teachform.zgxl_mc }}</td>
            </tr>
            <tr>
              <td class="column">最后学位</td>
              <td>{{ this.teachform.zhxw_mc }}</td>
              <td class="column">毕业院校</td>
              <td>{{ this.teachform.byyx }}</td>
            </tr>
            <tr>
              <td class="column">所学专业</td>
              <td>{{ this.teachform.sxzy }}</td>
              <td class="column">学缘机构</td>
              <td>{{ this.teachform.xyjg_mc }}</td>
            </tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="成长经历">
          <subTitle id="daiban" name="带班情况"></subTitle>
          <div v-for="item in dbqk" :key="item[0]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学年</td>
                <td>{{ item.xn }}</td>
                <td class="column">学期</td>
                <td>{{ item.xq }}</td>
              </tr>
              <tr>
                <td class="column">时间</td>
                <td>{{ item.kssj }}</td>
                <td class="column">带班及人数</td>
                <td v-if="item.rs == null">无</td>
                <td v-else>
                  {{ item.bjmc + "\xa0\xa0\xa0" + item.rs + "人" }}
                </td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="研修情况"></subTitle>
          <subTitle id="daiban2" name="学历提升"></subTitle>
          <div v-for="item in xltsdata" :key="item[1]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学历类型</td>
                <td>{{ item.xllx }}</td>
                <td class="column">所学专业</td>
                <td>{{ item.sxzy }}</td>
              </tr>
              <tr>
                <td class="column">毕业院校</td>
                <td>{{ item.byyx }}</td>
                <td class="column">学习时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="研修培训"></subTitle>
          <div v-for="(item, index) in yxpxdata" :key="index - item">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">培训项目</td>
                <td>{{ item.pxxm }}</td>
                <td class="column">组织单位</td>
                <td>{{ item.zzdw }}</td>
              </tr>
              <tr>
                <td class="column">培训时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
                <td class="column">培训类别</td>
                <td>{{ item.pxlb }}</td>
              </tr>
              <tr>
                <td class="column">培训级别</td>
                <td>{{ item.pxjb }}</td>
                <td class="column">学时认证</td>
                <td>{{ item.xsrz }}</td>
              </tr>
            </table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="职业发展">
          <subTitle id="daiban" name="职业证书"></subTitle>
          <div class="zyzsbox">
            <div
              style="width: 50%"
              v-for="(item, index) in zyzsdata"
              :key="index + item"
            >
              <table class="mailTable" :style="styleObject" v-if="s_showByRow">
                <tr>
                  <td class="column">证书名称</td>
                  <td>{{ item.zsmc }}</td>
                </tr>
                <tr>
                  <td class="column">授予单位</td>
                  <td>{{ item.sydw }}</td>
                </tr>
                <tr>
                  <td class="column">获取时间</td>
                  <td>{{ item.hqsj }}</td>
                </tr>
              </table>
            </div>
          </div>
          <subTitle id="daiban" name="职称晋升"></subTitle>
          <div class="zyzsbox">
            <div
              style="width: 50%"
              v-for="(item, index) in zcjsdata"
              :key="index + item"
            >
              <table class="mailTable" :style="styleObject" v-if="s_showByRow">
                <tr>
                  <td class="column">职称名称</td>
                  <td>{{ item.zcmc }}</td>
                </tr>
                <tr>
                  <td class="column">获评时间</td>
                  <td>{{ item.hpsj }}</td>
                </tr>
                <tr>
                  <td class="column">受聘时间</td>
                  <td>{{ item.spsj }}</td>
                </tr>
              </table>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="教学情况">
          <div v-for="(item, index) in jxqkdata" :key="item + index">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学年</td>
                <td>{{ item.xn }}</td>
                <td class="column">学期</td>
                <td>{{ item.xq }}</td>
              </tr>
              <tr>
                <td class="column">课程类型</td>
                <td>{{ item.kclx }}</td>
                <td class="column">教学对象</td>
                <td>{{ item.jxdx }}</td>
              </tr>
              <tr>
                <td class="column">课时量</td>
                <td>{{ item.ksl }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="科研情况">
          <subTitle id="daiban" name="课题研究"></subTitle>
          <div v-for="(item, index) in ktyjdata" :key="index + 3">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">项目编号</td>
                <td>{{ item.xmbh }}</td>
                <td class="column">项目名称</td>
                <td>{{ item.xmmc }}</td>
              </tr>
              <tr>
                <td class="column">批准部门</td>
                <td>{{ item.pzbm }}</td>
                <td class="column">项目级别</td>
                <td>{{ item.xmjb }}</td>
              </tr>
              <tr>
                <td class="column">研究时间</td>
                <td>{{ item.kssj + "\xa0\xa0\xa0" + item.jssj }}</td>
                <td class="column">经费支持</td>
                <td>{{ item.jfzc }}</td>
              </tr>
              <tr>
                <td class="column">本人位次</td>
                <td>{{ item.brwc }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="文字类成果"></subTitle>
          <div v-for="(item, index) in wzlcgdata" :key="index - 1">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">成果形式</td>
                <td>{{ item.cgxs }}</td>
                <td class="column">成果名称</td>
                <td>{{ item.cgmc }}</td>
              </tr>
              <tr>
                <td class="column">作者位次</td>
                <td>{{ item.zzwc }}</td>
                <td class="column">出版物或刊物</td>
                <td>{{ item.cbshkw }}</td>
              </tr>
              <tr>
                <td class="column">出版日期</td>
                <td>{{ item.cbrq }}</td>
                <td class="column">出版单位</td>
                <td>{{ item.cbdw }}</td>
              </tr>
              <tr>
                <td class="column">认证情况</td>
                <td>{{ item.rzqk }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="考核评价">
          <subTitle id="daiban" name="绩效考核"></subTitle>
          <subTitle id="daiban2" name="年度绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 1"
            :key="index[0]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="月度绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 2"
            :key="index[4]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="思政绩效"></subTitle>
          <div
            v-for="(item, index) in jxkhdata"
            v-show="item.khlx == 3"
            :key="index[3]"
          >
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">考核时间</td>
                <td>{{ item.khsj }}</td>
                <td class="column">考核分数</td>
                <td>{{ item.khfs }}</td>
              </tr>
              <tr>
                <td class="column">考核等级</td>
                <td>{{ item.khdj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="奖励"></subTitle>
          <subTitle id="daiban2" name="竞赛奖励"></subTitle>

          <div v-for="(item, index) in jsjldata" :key="index[2]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">获奖名称</td>
                <td>{{ item.hjmc }}</td>
                <td class="column">奖励单位</td>
                <td>{{ item.jldw }}</td>
              </tr>
              <tr>
                <td class="column">获奖级别</td>
                <td>{{ item.hjjb }}</td>
                <td class="column">获奖等次</td>
                <td>{{ item.jldc }}</td>
              </tr>
              <tr>
                <td class="column">获奖时间</td>
                <td>{{ item.jlsj }}</td>
                <td class="column"></td>
                <td></td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban2" name="荣誉称号"></subTitle>
          <div v-for="(item, index) in rychdata" :key="index[1]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">荣誉名称</td>
                <td>{{ item.rymc }}</td>
                <td class="column">授予单位</td>
                <td>{{ item.sydw }}</td>
              </tr>
              <tr>
                <td class="column">荣誉级别</td>
                <td>{{ item.ryjb }}</td>
                <td class="column">授予时间</td>
                <td>{{ item.sysj }}</td>
              </tr>
            </table>
          </div>
          <subTitle id="daiban" name="惩罚"></subTitle>
          <div v-for="(item, index) in cfdata" :key="index[0]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">惩罚级别</td>
                <td>{{ item.cfjb }}</td>
                <td class="column">惩罚原因</td>
                <td>{{ item.cfyy }}</td>
              </tr>
              <tr>
                <td class="column">认定单位</td>
                <td>{{ item.rddw }}</td>
                <td class="column">影响时效</td>
                <td>{{ item.kssj + "-" + item.jssj }}</td>
              </tr>
            </table>
          </div>
        </el-tab-pane>
        <el-tab-pane label="带班情况">
          <div v-for="item in dbqk" :key="item[0]">
            <table class="mailTable" :style="styleObject" v-if="s_showByRow">
              <tr>
                <td class="column">学年</td>
                <td>{{ item.xn }}</td>
                <td class="column">学期</td>
                <td>{{ item.xq }}</td>
              </tr>
              <tr>
                <td class="column">时间</td>
                <td>{{ item.kssj }}</td>
                <td class="column">带班及人数</td>
                <td v-if="item.rs == null">无</td>
                <td v-else>
                  {{ item.bjmc + "\xa0\xa0\xa0" + item.rs + "人" }}
                </td>
              </tr>
            </table>
          </div>
          <div
            style="
              width: 100%;
              height: 10%;
              text-align: center;
              padding-top: 20px;
            "
          >
            <el-button style="" type="primary" @click="yijiao">移交</el-button>
            <el-dialog title="" :visible.sync="dialogFormVisible">
              <el-form :model="yjform">
                <el-form-item label="工号" label-width="120px">
                  <el-input v-model="yjform.gh" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="姓名" label-width="120px">
                  <el-input v-model="yjform.xm" autocomplete="off"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="open"
                  >确 定</el-button
                >
              </div>
            </el-dialog>
            <!-- <div class="yijiaobox">
              <el-form ref="yjform" :model="yjform" label-width="80px">
                <el-form-item label="工号" prop="gh">
                  <el-input
                    v-model="yjform.gh"
                    placeholder="请输入"
                    clearable
                  ></el-input>
                </el-form-item>
                <el-form-item label="姓名" prop="xm">
                  <el-input
                    v-model="yjform.xm"
                    placeholder="请输入"
                    clearable
                  ></el-input>
                </el-form-item>
                <div class="lastitem">
                  <el-button @click="qxyj">取消</el-button>
                  <el-button type="primary" @click="open">确定</el-button>
                </div>
              </el-form>
            </div> -->
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import ajax from "../../api/ajax.js";
import $ from "../../assets/jquery.min.js";
import qs from "qs";
import subTitle from "../../components/title/subTitle.vue";
export default {
  components: {
    subTitle,
  },
  mounted() {
    this.teachform = JSON.parse(window.sessionStorage.getItem("userxinxi"));
    console.log(this.teachform);
    this.getdata();
    this.xltsapi();
    this.yxpxapi();
    this.zyzsapi();
    this.zcjsapi();
    this.jxqkapi();
    this.ktyjapi();
    this.wzlcgapi();
    this.jxkhapi();
    this.jsjlapi();
    this.rychapi();
    this.cfapi();
  },
  data() {
    return {
      dialogFormVisible: false,
      //移交form
      yjform: {
        gh: "",
        xm: "",
      },
      //学历提升数据和研修培训
      xltsdata: "",
      yxpxdata: "",
      // 职称晋升和教学情况
      zcjsdata: "",
      jxqkdata: "",
      //执业证书数据
      zyzsdata: "",
      //课题研究数据
      ktyjdata: "",
      //文字类成果数据
      wzlcgdata: "",
      //绩效考核数据
      jxkhdata: "",
      //竞赛奖励数据
      jsjldata: "",
      //荣誉称号数据
      rychdata: "",
      //惩罚数据
      cfdata: "",

      //成长经历带班情况
      xndata: [],
      dbqk: {},
      dbqkData: [
        { key: "学年", value: "李梅" },
        { key: "学期", value: "已婚" },
        { key: "时间", value: "汉" },
        { key: "代办及人数", value: "2017-03-01" },
      ],
      ishandOver: 0,
      styleObject: {},
      s_showByRow: true,
      //基本信息数据
      jibentableData: [
        { key: "性别", value: "李梅" },
        { key: "婚姻状况", value: "已婚" },
        { key: "民族", value: "汉" },
        { key: "入职时间", value: "2017-03-01" },
      ],
      //左侧简历数据
      teachform: {
        // xm: "李梅",
        // gwfl: "专职教师",
        // rzsj: "2015-02-02",
        // gh: "2017310114",
        // gl: "5",
        // xsrs: "1000",
        // xb: "女",
        // jy: "博士学位",
        // hyzk: "已婚",
        // ejxy: "传媒学院",
        // lxdh: "15534470609",
        // dzyx: "1520995945@qq.com",
        // gzzt: "在职",
        // sksc: "38888",
        // hjsl: "388",
        // ndjx: "2999",
      },
      //带班情况
    };
  },
  created() {
    this.styleObject = this.tableStyle;
    if (this.showByRow !== undefined) {
      this.s_showByRow = this.showByRow;
    }
  },

  methods: {
    toteach() {
      this.$router.push("/teacherlist");
    },
    // 获取成长经历中带班情况内容api
    async getdata() {
      console.log();
      console.log(this.teachform.gh);
      const result = await ajax(
        "dbqk/list?gh=" + this.teachform.gh + "&ishandOver=0",
        "",
        "get"
      );
      console.log(result.data);
      this.dbqk = result.data;
    },
    //获取学历提升数据和研修培训数据api
    async xltsapi() {
      const result = await ajax("xlts/list?gh=" + this.teachform.gh, "", "get");
      this.xltsdata = result.data;
    },
    async yxpxapi() {
      const result = await ajax("yxpx/list?gh=" + this.teachform.gh, "", "get");
      this.yxpxdata = result.data;
      console.log(this.yxpxdata);
    },
    //获取执业证书和职业晋升的api
    async zyzsapi() {
      const result = await ajax("zyzs/list?gh=" + this.teachform.gh, "", "get");
      this.zyzsdata = result.data;
      // console.log(this.zyzsdata);
    },
    async zcjsapi() {
      const result = await ajax("zcjs/list?gh=" + this.teachform.gh, "", "get");
      this.zcjsdata = result.data;
      // console.log(this.zyzsdata);
    },
    //获取教学情况api
    async jxqkapi() {
      const result = await ajax("jxqk/list?gh=" + this.teachform.gh, "", "get");
      this.jxqkdata = result.data;
    },
    //课题研究api
    async ktyjapi() {
      const result = await ajax("ktyj/list?gh=" + this.teachform.gh, "", "get");
      this.ktyjdata = result.data;
    },
    //文字类成果api
    async wzlcgapi() {
      const result = await ajax(
        "wzlcg/list?gh=" + this.teachform.gh,
        "",
        "get"
      );
      this.wzlcgdata = result.data;
    },
    //绩效考核api
    async jxkhapi() {
      const result = await ajax("jxkh/list?gh=" + this.teachform.gh, "", "get");
      this.jxkhdata = result.data;
    },
    //竞赛奖励api
    async jsjlapi() {
      const result = await ajax("jsjl/list?gh=" + this.teachform.gh, "", "get");
      this.jsjldata = result.data;
    },
    //荣誉称号api
    async rychapi() {
      const result = await ajax("rych/list?gh=" + this.teachform.gh, "", "get");
      this.rychdata = result.data;
    },
    //惩罚api
    async cfapi() {
      const result = await ajax("cf/list?gh=" + this.teachform.gh, "", "get");
      this.cfdata = result.data;
    },
    //移交
    yijiao() {
      this.dialogFormVisible=true
      $(".yijiaobox").show();
      $(".yijiaobox").animate({ right: 350 }, "slow");
    },
    //取消移交
    qxyj() {
      $(".yijiaobox").hide();
    },
    //确认移交
    open() {
      this.dialogFormVisible = false
      this.$confirm(
        "是否确认移交给" + this.yjform.gh + this.yjform.xm,
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          center: true,
        }
      )
        .then(() => {
          this.$message({
            type: "success",
            message: "移交成功!",
          });
          $(".yijiaobox").hide();
          this.yjform.gh = "";
          this.yjform.xm = "";
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
  },
  computed: {
    dbqk2: function () {
      return Math.ceil(this.dbqkData.length / 2);
    },
    rowCount: function () {
      return Math.ceil(this.jibentableData.length / 2);
    },
  },
};
</script>

<style lang="less" scoped>
.ckjs {
  position: relative;
  height: 100%;
  width: 100%;
}
.teachjianli {
  height: 95.5%;
  width: 19%;
}

.topteach {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 39%;
  background: #fff;
  img {
    margin: 15px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  span {
    font-size: 16px;
    font-family: PingFang Regular;
    font-weight: 600;
  }
}
.xmstyle {
  color: #064db4;
  font-weight: 600;
  font-size: 20px;
}
.gwflstyle {
  font-size: 20px;
  font-weight: 400;
}
.ghstyle {
  background-position: bottom;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.192) 0%,
    rgba(0, 0, 0, 0.192) 50%,
    transparent 50%
  );
  background-size: 20px 2px;
  background-repeat: repeat-x;
  text-align: center;
  padding-bottom: 15px;
  margin-top: 10px;
}
.lssj {
  margin-top: 6px;
  display: flex;
  flex-flow: column;

  span {
    font-size: 16px;
    display: inline-block;
    font-family: PingFang Regular;
    font-weight: 600;
  }
  div {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 79%;
    margin: 5px auto;
  }
  .qmsp {
    color: #999;
  }
}

//左侧下
.botteach {
  margin-top: 19px;
  height: 59%;
  background: #fff;
}
.gylstitle {
  height: 10%;
  line-height: 46px;
  padding-left: 24px;
  font-size: 18px;
  font-weight: 600;
  font-family: "PingFang Regular";
  color: #333;
  border-bottom: 2px solid #f5f5f5;
}
.gylsbot div {
  margin: 8px auto;
}
.changecol {
  color: #064db4;
  font-family: PingPang Medium;
  font-weight: 600;
}
.sfont {
  font-size: 10px !important;
}
.ch3 {
  color: #333;
}

//右边
.teachform {
  top: 35px;
  right: 0;
  position: absolute;
  height: 95.8%;
  width: 79.5%;
  background: #fff;
  overflow: auto;
}

.mailTable,
.mailTable tr,
.mailTable tr td {
  border: 1px solid #e6eaee;
}
　　.mailTable {
  border-spacing: 0;
  width: 95%;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 16px;
  font-family: "PingFang Medium";
  color: #999;
  font-weight: 600;
}
　　.mailTable tr td {
  color: #333;
  border: 1px solid #e6eaee;
  width: 225px;
  height: 50px;
  line-height: 35px;
  box-sizing: border-box;
  padding: 0 22px;
}
　　.mailTable tr td.column {
  background-color: #fafafa;
  color: #999;
}
.zyzsbox,
.zcjsbox {
  width: 97.5%;
  margin: 0 auto;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.bdform {
  width: 610px;
  margin-left: 33px;
  margin-right: 0;
  border-spacing: 0;
}
//绩效考核
.jxbox {
  width: 96.8%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  .sjxbox {
    width: 425px;
    // background: beige;
  }
}


</style>